<template>
    <img src="/home-img.png" class="home-img">

    <div class="content">
        <h1 class="animate__animated animate__bounce">猿生在线阅读，欢迎您的使用！</h1>
        <el-button @click="to()" link><el-icon size="100px" style="margin-top: 100%" color="12345"><Right/></el-icon></el-button>
    </div>
</template>

<script setup>
import 'animate.css'
import {Right} from "@element-plus/icons-vue";
import {useRouter} from "vue-router";

const router = useRouter();

name = "HomeView";

const to = ()=>{
    router.push({
        path: "/post/list",
    })
}
</script>

<style scoped>
.content {
    margin-top: 10%;
    text-align: center;
    color: #a5a5bd;
}
.home-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -9999;
}
</style>
